<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=8,9,10,11,12">
<meta name="renderer" content="webkit">
<title><yang:sitetitle/></title>
<meta name="keywords" content="<yang:sitekeywords />" />
<meta name="description" content="<yang:sitedescription />" />
<meta content="1 days" name="revisit-after">
<meta content="width=device-width,height=device-height,maximum-scale=1.0, user-scalable=no" name="viewport">
<link href="__PUBLIC__/icss/css.css" rel="stylesheet" type="text/css">
<link type="text/css" href="__PUBLIC__/icss/jquery.jscrollpane.css" rel="stylesheet" media="all">
<script type="text/javascript" src="__PUBLIC__/ijs/jquery-1.9.1.js"></script>
<script language="javascript" src="__PUBLIC__/ijs/jquery.easing.min.js"></script>
<script language="javascript" src="__PUBLIC__/ijs/jQueryRotate.2.2.js"></script>
<script type="text/javascript" src="__PUBLIC__/ijs/jquery.mousewheel.js"></script>
<script language="javascript" src="__PUBLIC__/ijs/hammerA.js"></script>
<script type="text/javascript" src="__PUBLIC__/ijs/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/ijs/jgestures.js"></script>
<script src="__PUBLIC__/ijs/easeljs-0.7.1.min.js"></script>
<script src="__PUBLIC__/ijs/tweenjs-0.5.1.min.js"></script>
<script src="__PUBLIC__/ijs/movieclip-0.7.1.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/ijs/canvas_Lx.js"></script>
<script language="javascript" src="__PUBLIC__/ijs/jsdy.js"></script>
<script language="javascript" src="__PUBLIC__/ijs/js.js"></script>

</head>
<body>
<!--头部-->
<div class="bankScroll" style="height: 886px; padding: 0px;"> 
<include file="Public:header" />
<!--头部***--> 
<!--右侧悬浮按钮-->
<include file="Public:PosFixNavR" />
 
  <!--首页banner-->
  <div class="Sybanner" style="height: 886px; padding-top: 0px; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"> <img src="__PUBLIC__/images/pic516_02L.png" class="SybannerL"> <img src="__PUBLIC__/images/pic516_02R.png" class="SybannerR">
    <p> <span class=""></span><span class="curschsx"></span><span></span><span></span> </p>
    <img src="__PUBLIC__/images/index_59kong.gif" class="chengKaibaner">
    <div class="Sybannerli" style="z-index: 10; height: 886px; top: 0px; left: -1863px;"> <img class="bannerItm1 img" src="__PUBLIC__/images/indexbanerback.jpg">
      <div class="bannerItm" style="height: 737px; width: 1200px; left: 331.5px; top: 74.5px;"> <img class="bannerItm2" src="__PUBLIC__/images/bannerItm_04.png" style="margin-left: 0px; margin-top: 0px;"> <img class="bannerItm3" src="__PUBLIC__/images/bannerItm_01.png" style="margin-left: 0px; margin-top: 0px;"> <img class="bannerItm4" src="__PUBLIC__/images/bannerItm_02.png" style="margin-left: 0px; margin-top: 0px;"> <img class="bannerItm5" src="__PUBLIC__/images/bannerItm_03.png" style="margin-left: 0px; margin-top: 0px;"> <a href="#/service/"> <img class="bannerItm5A" src="__PUBLIC__/images/banner_t1.png" style="margin-left: 0px; margin-top: 0px;"></a> <a href="#/app/"> <img class="bannerItm5B" src="__PUBLIC__/images/banner_t2.png" style="margin-left: 0px; margin-top: 0px;"></a> <a href="javascript:alert(&#39;正在开发中&#39;);"> <img class="bannerItm5C" src="__PUBLIC__/images/banner_t3.png" style="margin-left: 0px; margin-top: 0px;"></a> 
        <!--<img class="bannerItm6" src="/style/images/bannerItm_04.png">--> 
        <img class="bannerItm6" src="__PUBLIC__/images/bannerItmL_01.png" style="margin-left: 0px; margin-top: 0px;"> </div>
      <!--<img class="img" src="/style/images/indexbaner.jpg">--> 
    </div>
    <div class="Sybannerli Sybannerlia" style="background: rgb(15, 184, 255); height: 886px; top: 0px; left: 0px;">
      <div class="textcent"> <img alt="" src="__PUBLIC__/images/bannernew_01.jpg" class="img"></div>
    </div>
    <div class="Sybannerli Sybannerlia" style="background: rgb(204, 36, 36); height: 886px; top: 0px; left: 1863px;">
      <div class="textcent"> <img alt="" src="__PUBLIC__/images/bannernew_02.jpg" class="img"></div>
    </div>
    <div class="Sybannerli Sybannerlia" style="background: rgb(255, 132, 0); height: 886px; top: 0px; left: 1863px;">
      <div class="textcent"> <img alt="" src="__PUBLIC__/images/bannernew_03.jpg" class="img"></div>
    </div>
    
    <!--<div class="Sybannerli">
                    <img class="img" src='/style/UpLoadFiles/< %#Eval("img") %>' alt="< %#Eval("imgalt") %>">
                </div>--> 
    
    <!--<div class="Sybannerli">
                    <img class="img" src='/style/UpLoadFiles/< %#Eval("img") %>' alt="< %#Eval("imgalt") %>">
                </div>--> 
    
    <!--<div class="Sybannerli">
                    <img class="img" src='/style/UpLoadFiles/< %#Eval("img") %>' alt="< %#Eval("imgalt") %>">
                </div>--> 
    
  </div>
</div>
<script>
        $(document).ready(function (e) {


            /////////////banner效果//////////////
            var curshuxns = 0;
            var BnersetInterval;
            var mousemove = true;

            /////////向前滚动///////
            function Aforward() {
                clearInterval(setinxsd);
                $(".bannerItm img").stop().css("margin-left", "150%");
                var baneItmleng = $(".bannerItm img").length;
                $(".bannerItm img").eq(baneItmleng - 1).stop().css({ marginLeft: 0, marginTop: "-100%" });
                var asjishi = 0;
                var setinxsd = setInterval(function () {
                    $(".bannerItm img").each(function (index, element) {
                        if (index < baneItmleng - 1) {
                            $(this).animate({ marginLeft: 0 }, 300 + 200 * index, "easeInOutCubic");
                        }
                    });
                    asjishi++;
                    if (asjishi == 2) {
                        $(".bannerItm img").eq(baneItmleng - 1).animate({ marginTop: 0 }, 1000, "easeOutExpo", function () {
                            mousemove = true;
                        });
                        clearInterval(setinxsd);
                    }
                }, 500)

            }
      
      
      $(".SybannerL").click(function(){
        var zhisucs=curshuxns;
        if(zhisucs>0){
          zhisucs--;
        }else{
          zhisucs=$(".Sybannerli").length-1;
        }
         bannerAnimatGD(zhisucs, false);
      })
      $(".SybannerR").click(function(){
        var zhisucs=curshuxns;
        if(zhisucs<$(".Sybannerli").length-1){
          zhisucs++;
        }else{
          zhisucs=0;
        }
         bannerAnimatGD(zhisucs, false);
      })
  
      
      //////////banner手势///////////
      //$(".Sybanner")
      $touchEvent(".Sybanner",function(){
          $(".SybannerR").trigger("click");
        },function(){
          $(".SybannerL").trigger("click");
        },"","")
      //////////banner手势***///////////


            /////////向后滚动///////
            function Abackwards() {
                clearInterval(setinxsd);
                $(".bannerItm img").stop().css("margin-left", "-150%");
                var baneItmleng = $(".bannerItm img").length;
                $(".bannerItm img").eq(baneItmleng - 1).stop().css({ marginLeft: 0, marginTop: "-100%" });
                var asjishi = 0;
                var setinxsd = setInterval(function () {
                    $(".bannerItm img").each(function (index, element) {
                        if (index < baneItmleng - 1) {
                            $(this).animate({ marginLeft: 0 }, 300 + 200 * index, "easeInOutCubic");
                        }
                    });
                    asjishi++;
                    if (asjishi == 2) {
                        $(".bannerItm img").eq(baneItmleng - 1).animate({ marginTop: 0 }, 1000, "easeOutExpo", function () {
                            mousemove = true;
                        });
                        clearInterval(setinxsd);
                    }
                }, 500)
            }


            windorezise();
            $(".Sybanner p span").removeClass("curschsx").eq(curshuxns).addClass("curschsx");
            $(".Sybanner p span").click(function () {
                var indexcurem = $(".Sybanner p span").index(this);
                if (indexcurem != curshuxns) {
                    bannerAnimatGD(indexcurem, false);
                }
            })


            BnersetInterval = setInterval(BnersetInterHs, 10000);
            function BnersetInterHs() {
                if (curshuxns < $(".Sybanner p span").length - 1) {
                    bannerAnimatGD(curshuxns + 1, true);
                } else {
                    bannerAnimatGD(0, true);
                }
            }


            $(".Sybannerli").eq(0).hover(function () {
                clearInterval(BnersetInterval);
                $(".Sybannerli").eq(0).mousemove(function (y) {
                    var xzhi = y.pageX - $(window).width() / 2;
                    var yzhi = y.pageY - $(".Sybanner").height() / 2 - $(".Sybanner").offset().top;
                    $(".bannerItm2").css({ marginLeft: -xzhi * 0.04, marginTop: -yzhi * 0.02 })
                    $(".bannerItm6").css({ marginLeft: -xzhi * 0.1, marginTop: -yzhi * 0.05 })
                    $(".bannerItm4").css({ marginLeft: -xzhi * 0.1, marginTop: -yzhi * 0.1 })
                    $(".bannerItm3").css({ marginLeft: -xzhi * 0.05, marginTop: -yzhi * 0.05 })
                    $(".bannerItm5").css({ marginLeft: -xzhi * 0.04, marginTop: -yzhi * 0.04 })
                    $(".bannerItm5A").css({ marginLeft: -xzhi * 0.03, marginTop: -yzhi * 0.03 })
                    $(".bannerItm5B").css({ marginLeft: -xzhi * 0.03, marginTop: -yzhi * 0.03 })
                    $(".bannerItm5C").css({ marginLeft: -xzhi * 0.03, marginTop: -yzhi * 0.03 })

                })
            }, function () {
                BnersetInterval = setInterval(BnersetInterHs, 10000);
                $(".Sybannerli").eq(0).unbind("mousemove");

                $(".bannerItm2,.bannerItm6,.bannerItm4,.bannerItm3,.bannerItm5,.bannerItm5A,.bannerItm5B,.bannerItm5C").css({ marginLeft: 0, marginTop: 0 })


            })



            function windorezise() {
                $(".Sybannerli").stop().css({ left: $(window).width() });
                $(".Sybannerli").stop().eq(curshuxns).css({ left: 0 });
          //$(".ScrollSCS_NR3_PC").css("top",($(window).height()-$(".ScrollSCS_NR3_PC").height())/2+50);
            }
    
          
      
      
      
      

            function bannerAnimatGD(curnext, bo0l) {
                mousemove = false;
                var windowWdth = $(window).width();
                if (curnext > curshuxns || bo0l) {
                    $(".Sybannerli").eq(curshuxns).stop().css({ left: 0 }).animate({ left: -windowWdth }, 500, "easeInOutCubic");
                    $(".Sybannerli").eq(curnext).stop().css({ left: windowWdth }).animate({ left: 0 }, 500, "easeInOutCubic");
                    if (curnext == 0) {
                        Aforward();
                    }
                } else {
                    $(".Sybannerli").eq(curshuxns).stop().css({ left: 0 }).animate({ left: windowWdth }, 500, "easeInOutCubic");
                    $(".Sybannerli").eq(curnext).stop().css({ left: -windowWdth }).animate({ left: 0 }, 500, "easeInOutCubic");
                    if (curnext == 0) {
                        Abackwards();
                    }
                }
                curshuxns = curnext;
                $(".Sybanner p span").removeClass("curschsx").eq(curshuxns).addClass("curschsx");
                clearInterval(BnersetInterval);
                BnersetInterval = setInterval(BnersetInterHs, 10000);

            }


            $(window).resize(function () {
                windorezise();
            })
            /////////////banner效果***//////////////  




            var scrllTopz = $(window).scrollTop(); /////获取scrollTop///////////
            var scrllTopz_prev = 0;
            var marinposti = [];
            var setInterTime;
            var setInterTime2;
            $(window).scroll(function () {
                scrllTopz = $(window).scrollTop(); /////获取scrollTop///////////

                scrolBackmarin2(); /////版块2///////
                scrolBackmarin3(); /////版块3///////
                Index_liaoJie(); /////深入了解///////

            });

            init();
            function init() {
                Index_liaoJie(); /////深入了解///////



            }


            /////2/////////
            function scrolBackmarin2() {
                $(".MterbottomMtl2img").css({ left: scrllTopz * 0.2 - 5000 });
                $(".ImgbottomMterl2A").css({ left: -scrllTopz * 3 });
                $(".ImgbottomMterl2B").css({ left: -scrllTopz * 5 });
            }
            /////2***/////////

            /////3/////////
            function scrolBackmarin3() {

                $(".serveAppBk3_Title .mask").css("right", -scrllTopz);


            }
            /////3***///////// 




        });
    </script> 

<!--首页banner***-->
<style>
        .serveAppBk5, .serveAppBk6
        {
            padding-top: 50px;
        }
    </style>
<!--服务App版块6--> 
<!--服务App版块5-->
<div class="serveAppBk6 bankScroll" style="height: 886px; padding: 0px;"><img src="__PUBLIC__/images/backImgs_1.jpg" class="backImgsClassA">
  <div class="ScrollSCS_NR2">
    <div class="serveAppBk3_Title" style="top: -443px;"> <img class="img" src="__PUBLIC__/images/ourservers.png">
      <div class="mask"> </div>
    </div>
    <a class="serveAppBk2_btn" href="tencent://Message/?Uin=768869580&amp;websiteName=q-zone.qq.com&amp;Menu=yes" style="color: rgb(255, 255, 255); background: rgb(190, 14, 41); top: -265.8px;">马上在线咨询</a>
    <div class="serveAppBk6_List" style="top: -177.2px;">
      <ul class="serveAppBk6_ul">
        <li class="li1" style="top: -354.4px;"><a href="#/service/">
          <div class="serveApliPic"><b></b><span></span>
            <p></p>
          </div>
          <h2> 网站建设</h2>
          品牌网站建设<br>
          电子商务网站开发<br>
          门户信息网站开发<br>
          O2O服务平台开发 </a></li>
        <li class="li2" style="top: -265.8px;"><a href="#">
          <div class="serveApliPic"><b></b><span></span>
            <p></p>
          </div>
          <h2> 移动端开发</h2>
          APP开发<br>
          微信网站开发<br>
          手机网站开发<br>
          移动办公开发 </a></li>
        <li class="li3" style="top: -177.2px;">
          <div class="serveApliPic"><b></b><span></span>
            <p></p>
          </div>
          <h2> 全网整合开发</h2>
          全网整合网站开发<br>
          全网整合系统开发<br>
          全网整合产品 </li>
        <li class="li4" style="top: -88.6px;">
          <div class="serveApliPic"><b></b><span></span>
            <p></p>
          </div>
          <h2> iwatch应用开发</h2>
          iwatch网站开发<br>
          iwatch系统开发<br>
          iwatch产品 </li>
      </ul>
    </div>
  </div>
</div>
<!--服务App版块6***--> 
<!--服务App版块6***--> 
<!--服务App版块5-->
<style>
        .serveAppPaddiTp
        {
            padding-top: 50px;
            clear: both;
            width: 100%;
        }
        .DtiasNv
        {
            max-width: 1200px;
            margin: 0px auto;
            margin-bottom: 20px;
        }
        .serveAppBk5
        {
            padding-top: 0px;
        }
    </style>
<div class="bankScroll" style="height: 886px; padding: 0px;">
  <div class="ScrollSCS_NR3 ScrollSCS_NR3_PC" style="top: 79px;">
    <div class="serveAppPaddiTp">
      <div class="serveAppBk3_Title" style="top: -3544px;"> <img class="img" alt="WEB案例" src="__PUBLIC__/images/webcase.png">
        <div class="mask"> </div>
      </div>
      <div class="DtiasNv DtiasNvDUN" style="top: -177.2px;">  <a href="#/cases/app/" class="curensQhs">APP应用</a>  <a href="#/cases/zhengfu/">政府相关</a>  <a href="#/cases/pinpai/">知名品牌</a>  <a href="#/cases/dianzi/">电子商务</a>  <a href="#/cases/xiangying/">响应式</a> </div>
    </div>
    <div class="serveAppBk5" style="display: block;">
      <ul class="serveAppBk5_ul" style="width: 1863px; height: 605px;">
        <li style="left: 0px;"> 
          <yang:prolist typeid="17" limit='7' titlelen='16'>
          
          <a href="{$prolist.url}" target="_blank"><img class="img" src="{$prolist.litpic}" alt="{$prolist.title}"><span>{$prolist.title}</span><img class="baxk" src="__PUBLIC__/images/AppcchiC.jpg"></a>
          </yang:prolist>

          <a href="#/cases/"><img alt="查看更多案例" src="__PUBLIC__/images/moreImg.jpg" class="img"><img class="baxk" src="__PUBLIC__/images/AppcchiC.jpg"><img src="__PUBLIC__/images/moreImga.jpg" class="bimg"></a>
          <div class="clear"></div>
        </li>
      </ul>
      <div class="AppBk5dianNUm"><span class="curnsdscss"></span> </div>
    </div>
  </div>
</div>
<script>
        var serveAppBk5Html = [];
        var UlAppUlHtml = [];
        $(document).ready(function (e) {
            for (var i = 0; i < $(".serveAppBk5").length; i++) {
                var newArry = [];
                $(".serveAppBk5").eq(i).find("li").each(function (index, element) {
                    newArry.push($(this).html());
                });
                serveAppBk5Html.push(newArry);
                UlAppUlHtml.push($(".serveAppBk5").eq(i).html());
            }

            quehuanIntUl(0);
            $(".DtiasNv a").click(function () {
                var intsx = $(".DtiasNv a").index(this);
                quehuanIntUl(intsx);
            })


            function quehuanIntUl(ins) {
                $(".serveAppBk5").html("").hide();
                $(".serveAppBk5").eq(ins).html(UlAppUlHtml[ins]).show();
                serveAppBk5Angus($(".serveAppBk5").eq(ins), ins);
                $(".DtiasNv a").removeClass("curensQhs").eq(ins).addClass("curensQhs");
            }

        });
        function serveAppBk5Angus(obj, curInary) {
            var curenTiNT = 0;
            var curAry = curInary;
            resizeBank4();
            $(window).resize(function () {
                resizeBank4();
            })

            $(obj).find(".AppBk5dianNUm span").removeClass("curnsdscss").eq(curenTiNT).addClass("curnsdscss");
            $(".serveAppBk5 li").html("");
            $(".serveAppBk5").eq(curAry).find("li").eq(0).html(serveAppBk5Html[curAry][0]);
            /*$(".serveAppBk5_ul li a").hover(function () {
                $(this).find(".img").stop().animate({ width: "110%", height: "110%" }, 700, "linear")
            }, function () {
                $(this).find(".img").stop().animate({ width: "100%", height: "100%" }, 200, "linear")

            })*/
            /*$(obj).find(".serveAppBk5_ul li a").hover(function () {
                $(this).find("span").stop().animate({ bottom: 0 }, 300, "easeInOutCubic");
            }, function () {
                $(this).find("span").stop().animate({ bottom: -30 }, 300, "easeInOutCubic");
            })*/

            $(obj).find(".AppBk5dianNUm span").click(function () {
                var curssax = $(obj).find(".AppBk5dianNUm span").index(this);
                animatdds(curssax);
            })

            /////////////手势滑动///////////
            var setInjisdsa;
            var bolltsAsTime = true;
            $(obj).find(".serveAppBk5_ul").bind("swipeleft swipeleftdown swipeleftup", function () {
                if (bolltsAsTime) {
                    var curssax = curenTiNT + 1;
                    animatdds(curssax);
                    bolltsAsTime = false;
                    clearTimeout(setInjisdsa);
                    setInjisdsa = setTimeout(bolltsAsTimehs, 300);
                }

            });
            $(obj).find(".serveAppBk5_ul").bind("swiperight swiperightup swiperightdown", function () {
                if (bolltsAsTime) {
                    var curssax = curenTiNT - 1;
                    animatdds(curssax);
                    bolltsAsTime = false;
                    clearTimeout(setInjisdsa);
                    setInjisdsa = setTimeout(bolltsAsTimehs, 300);
                }
            });
            function bolltsAsTimehs() {
                bolltsAsTime = true;

            }

            function animatdds(curssax) {
                $(".serveAppBk5").eq(curAry).find("li").eq(curssax).html(serveAppBk5Html[curAry][curssax]);
                $(".serveAppBk5_ul li a").hover(function () {
                    $(this).find(".img").stop().animate({ width: "110%", height: "110%" }, 700, "linear")
                }, function () {
                    $(this).find(".img").stop().animate({ width: "100%", height: "100%" }, 200, "linear")

                })
                $(obj).find(".serveAppBk5_ul li a").hover(function () {
                    $(this).find("span").stop().animate({ bottom: 0 }, 300, "easeInOutCubic");
                }, function () {
                    $(this).find("span").stop().animate({ bottom: -30 }, 300, "easeInOutCubic");
                })
                if (curssax > curenTiNT) {
                    $(obj).find(".serveAppBk5_ul li").eq(curssax).stop().css({ left: $(window).width() }).animate({ left: 0 }, 500, "easeInOutCubic");
                    $(obj).find(".serveAppBk5_ul li").eq(curenTiNT).stop().css({ left: 0 }).animate({ left: -$(window).width() }, 500, "easeInOutCubic");
                    curenTiNT = curssax;
                }

                if (curssax < curenTiNT) {
                    $(obj).find(".serveAppBk5_ul li").eq(curssax).stop().css({ left: -$(window).width() }).animate({ left: 0 }, 500, "easeInOutCubic");
                    $(obj).find(".serveAppBk5_ul li").eq(curenTiNT).stop().css({ left: 0 }).animate({ left: $(window).width() }, 500, "easeInOutCubic");
                    curenTiNT = curssax;
                }
                $(obj).find(".AppBk5dianNUm span").removeClass("curnsdscss").eq(curenTiNT).addClass("curnsdscss");

            }

            function resizeBank4() {
               // $(obj).find(".serveAppBk5_ul").height($(obj).find(".serveAppBk5_ul li").eq(0).height());
                $(obj).find(".serveAppBk5_ul li").each(function (index, element) {
                    if (index != curenTiNT) {
                        $(this).css("left", $(window).width());
                    } else {
                        $(this).css("left", 0);
                    }
                });

            }

        }

    </script> 

<!--服务App版块5***--> 
<!--深入了解-->
<div class="Index_liaoJie bankScroll" style="height: 886px; padding: 0px;"> <img src="__PUBLIC__/images/WEBseves6TU1.jpg" class="liaoJie_back">
  <div class="liaoJie_Mask"> </div>
  <div class="ScrollSCS_NR4"> <img src="__PUBLIC__/images/gengshenru.png" alt="更深入的了解我们" class="liaoJie_tilte" style="top: -1780.6px;"> <a class="serveAppBk2_btn" href="tencent://Message/?Uin=768869580&amp;websiteName=q-zone.qq.com&amp;Menu=yes" style="background: rgb(190, 14, 41); color: rgb(255, 255, 255); top: -2392.2px;">马上在线咨询</a>
    <div class="liaoJie_list">
      <ul class="liaoJie_ul">
        <li style="top: -53.16px;">
          <div class="ruad"><span><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b class="yuan"> <img src="__PUBLIC__/images/24846aaffa8447be87f1ff7f25ffcf32.png" alt=""></b></span></div>
          <p> 11年互联网技术的革新</p>
        </li>
        <li style="top: -1382.16px;">
          <div class="ruad"><span><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b class="yuan"> <img src="__PUBLIC__/images/145749de06ce48a49135b0147d4976f2.png" alt=""></b></span></div>
          <p> 150名有激情和思想的队友</p>
        </li>
        <li style="top: -2711.16px;">
          <div class="ruad"><span><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b class="yuan"> <img src="__PUBLIC__/images/620222d001e944dcab552195eb5f2c61.png" alt=""></b></span></div>
          <p> 4大业务体系整合开发</p>
        </li>
        <li style="top: -4040.16px;">
          <div class="ruad"><span><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b><img src="__PUBLIC__/images/numberImg.png"><img class="imgsa" src="__PUBLIC__/images/numberImg.png"></b><b class="yuan"> <img src="__PUBLIC__/images/7208a49110924072a4c3ad5ae3b6d3d5.png" alt=""></b></span></div>
          <p> 876个知名客户的选择</p>
        </li>
      </ul>
      <div class="clear"> </div>
    </div>
    <div class="clear"> </div>
  </div>
  <script>

        function Index_liaoJie() {
            scrllTopz = $(window).scrollTop();
            var ofssstTop = $(".Index_liaoJie").offset().top;
            if (scrllTopz > ofssstTop) {
                var MaxTop = $(".liaoJie_back").height() - $(".Index_liaoJie").height();
                var MaxscTop = $(document).height() - $(window).height();
                $(".liaoJie_back").css("top", -Math.max((scrllTopz - ofssstTop) / MaxscTop * MaxTop * 3, -MaxTop));
            }
        }
        </script> 
</div>
<!--深入了解***--> 
<!--我们的观点-->
<div class="ourpoint bankScroll" style="height: 886px; padding: 0px;">
  <div class="CentMain">
    <div class="ourpoint_Tilet"> <img src="__PUBLIC__/images/womenguandian.png" style="top: -1772px;"> </div>
    <a class="serveAppBk2_btn" href="tencent://Message/?Uin=768869580&amp;websiteName=q-zone.qq.com&amp;Menu=yes" style="background: rgb(255, 255, 255); margin-bottom: 30px; color: rgb(190, 14, 41); top: -1063.2px;">马上在线咨询</a>
    <ul class="Dtiasul" style="top: -708.8px;">
      <yang:artlist typeid='2' titlelen='16' infolen='30' flag='b' limit='4'>
      <li><a href="{$artlist.url}"> <img alt="" src="{$artlist.litpic}" style="height: 159.353px;"></a>
        <div class="LIBtom">
          <h2> <a href="{$artlist.url}">{$artlist.title}</a></h2>
          <div class="xinx"> <span> <img src="__PUBLIC__/images/index_05.png">{$artlist.publish_time|get_date='Y-m-d'}</span><span><img src="__PUBLIC__/images/index_06.png">{$artlist.click}</span></div>
          <p>{$artlist.description}……</p>
          <a class="Mores" href="{$artlist.url}">查看详细 &gt;&gt;</a> </div>
      </li>
      </yang:artlist>

    </ul>
  </div>
</div>
<!--我们的观点***--> 

<!--联系我们-->
<div class="contactSy bankScroll" style="height: 886px; padding: 0px;">
  <canvas id="canvas" class="contact_bkcanvas" width="2000" height="1500" style="background-color: #f9f9f9"></canvas>
  <div class="ScrollSCS_NR5">
    <div class="contactSy_tilte" style="top: -3101px;"> <img src="__PUBLIC__/images/lianxiwo.png"> </div>
    <a class="serveAppBk2_btn" href="tencent://Message/?Uin=768869580&amp;websiteName=q-zone.qq.com&amp;Menu=yes" style="background: rgb(190, 14, 41); margin-bottom: 30px; top: -2215px;">马上在线咨询</a>
    <div class="contactSy_NR">
      <div class="contactSy_NRr" style="top: -1772px;">
        <div class="contactSy_NRr1"> 联系方式</div>
        <div class="contactSy_NRrWX"> 扫一扫，微信二维码<img src="__PUBLIC__/images/erweimA.gif"></div>
        <table class="contactSy_NRrTB" width="100%" border="0" cellspacing="0" cellpadding="0">
          <tbody><tr>
            <td class="td1"> 办公地址 </td>
            <td class="td2"> 北京市朝阳区长江东大街99号孵化建站大厦</td>
          </tr>
          <tr>
            <td class="td1"> 联系电话 </td>
            <td class="td2"> 400-6688-8899 </td>
          </tr>
          <tr>
            <td class="td1"> 业务 Q Q </td>
            <td class="td2"> 768869580 </td>
          </tr> 
          <tr>
            <td class="td1"> 业务邮箱 </td>
            <td class="td2"> admin@service.com </td>
          </tr>
          <tr>
            <td class="td1"> 公司官网 </td>
            <td class="td2"> http://localhost  </td>
          </tr>
        </tbody></table>
        <div class="clear"> </div>
      </div>
      <div class="contactSy_NRl" style="top: -1772px;">
        <form method='post' id="form_do" name="form_do" action="<yang:gbookaddurl />">
          <table class="contactSy_NRl_tb" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tbody><tr>
              <td class="td1"> 姓名<span>NAME</span></td>
              <td class="td2"><input class="txt" type="text" id="username" name="username" placeholder="请输入您的姓名"></td>
            </tr>
            <tr>
              <td class="td1"> 电话<span>PHONE</span></td>
              <td class="td2"><input class="txt" type="text" id="tel" name="tel" placeholder="请输入您的联系电话"></td>
            </tr>
            <tr>
              <td class="td1"> 邮箱<span>E-MAIL</span></td>
              <td class="td2"><input class="txt" type="text" id="email" name="email" placeholder="请输入您的联系邮箱"></td>
            </tr>

            <tr>
              <td class="td1"> 留言<span>MESSAGE</span></td>
              <td class="td2"><textarea id="content" name="content" placeholder="请输入您想了解的问题描述，我们的工作人员会尽快联系你。"></textarea></td>
            </tr>
            <tr>
              <td class="td1">&nbsp;</td>
              <td class="td2"><input class="btn" type="submit" value="提 交"></td>
            </tr>
          </tbody></table>
        </form>
      </div>
      <div class="clear"> </div>
    </div>
  </div>
  <script>
            $(document).ready(function (e) {
                initA();
            });
            var canvas, stage, exportRoot;
            function initA() {
                canvas = document.getElementById("canvas");
                exportRoot = new lib.无标题1();
                stage = new createjs.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();
                createjs.Ticker.setFPS(lib.properties.fps);
                createjs.Ticker.addEventListener("tick", stage);
            }
        </script>
  <div class="clear"> </div>
</div>
<!--联系我们***--> 
<!--底部--> 
<include file="Public:footer" />
<!--底部***-->

</body></html>